/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
  }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
  will-change: transform; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; 
  }


/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}
/*
body{
	background: #f9f7f6;
	color: #404d5b;
	font-weight: 500;
	font-size: 1.05em;
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
}*/
/*a{color: #2fa0ec;text-decoration: none;outline: none;}
a:hover,a:focus{color:#74777b;}*/

.htmleaf-container{
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
.htmleaf-content {
	font-size: 150%;
	padding: 0 5px;
    overflow: hidden;
    position: relative;
    height: 10px;
}

.htmleaf-content h2 {
	margin: 0 0 2em;
	opacity: 0.1;
}

.htmleaf-content p {
	margin: 1em 0;
	padding: 5em 0 0 0;
	font-size: 0.65em;
}
.bgcolor-1 { background: #f0efee; }
.bgcolor-2 { background: #f9f9f9; }
.bgcolor-3 { background: #e8e8e8; }/*light grey*/
.bgcolor-4 { background: #2f3238; color: #fff; }/*Dark grey*/
.bgcolor-5 { background: #df6659; color: #521e18; }/*pink1*/
.bgcolor-6 { background: #2fa8ec; }/*sky blue*/
.bgcolor-7 { background: #d0d6d6; }/*White tea*/
.bgcolor-8 { background: #3d4444; color: #fff; }/*Dark grey2*/
.bgcolor-9 { background: #ef3f52; color: #fff;}/*pink2*/
.bgcolor-10{ background: #64448f; color: #fff;}/*Violet*/
.bgcolor-11{ background: #3755ad; color: #fff;}/*dark blue*/
.bgcolor-12{ background: #3498DB; color: #fff;}/*light blue*/
/* Header */
.htmleaf-header{
	padding: 1em 190px 1em;
	letter-spacing: -1px;
	text-align: center;
}
.htmleaf-header h1 {
	font-weight: 600;
	font-size: 2em;
	line-height: 1;
	margin-bottom: 0;
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
}
.htmleaf-header h1 span {
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
	display: block;
	font-size: 60%;
	font-weight: 400;
	padding: 0.8em 0 0.5em 0;
	color: #c3c8cd;
}
/*nav*/
.htmleaf-demo a{color: #1d7db1;text-decoration: none;}
.htmleaf-demo{width: 100%;padding-bottom: 1.2em;}
.htmleaf-demo a{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #1d7db1;font-weight: 700;}
.htmleaf-demo a:hover{opacity: 0.6;}
.htmleaf-demo a.current{background:#1d7db1;color: #fff; }
/* Top Navigation Style */
.htmleaf-links {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	font-size: 1.5em;
	text-align: center;
}

.htmleaf-links::after {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px;
	width: 2px;
	height: 100%;
	background: #dbdbdb;
	content: '';
	-webkit-transform: rotate3d(0,0,1,22.5deg);
	transform: rotate3d(0,0,1,22.5deg);
}

.htmleaf-icon {
	display: inline-block;
	margin: 0.5em;
	padding: 0em 0;
	width: 1.5em;
	text-decoration: none;
}

.htmleaf-icon span {
	display: none;
}

.htmleaf-icon:before {
	margin: 0 5px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}
/* footer */
.htmleaf-footer{width: 100%;padding-top: 10px;}
.htmleaf-small{font-size: 0.8em;}
.center{text-align: center;}
/****/
.related {
	margin-top: 100px;
	color: #fff;
	background: transparent;
	text-align: center;
	font-size: 1.25em;
	padding: 0.5em 0;
	overflow: hidden;
}

.related > a {
	vertical-align: top;
	width: calc(100% - 20px);
	max-width: 340px;
	display: inline-block;
	text-align: center;
	margin: 20px 10px;
	padding: 25px;
	/*font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;*/
}
.related a {
	display: inline-block;
	text-align: left;
	margin: 20px auto;
	padding: 10px 20px;
	opacity: 0.8;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
}

.related a:hover,
.related a:active {
	opacity: 1;
}

.related a img {
	max-width: 100%;
	opacity: 0.8;
	border-radius: 4px;
}
.related a:hover img,
.related a:active img {
	opacity: 1;
}
.related h3{font-family: "Microsoft YaHei", sans-serif;}
.related a h3 {
	font-weight: 300;
	margin-top: 0.15em;
	color: #fff;
}
/* icomoon */
.icon-htmleaf-home-outline:before {
	content: "\e5000";
}

.icon-htmleaf-arrow-forward-outline:before {
	content: "\e5001";
}

@media screen and (max-width: 50em) {
	.htmleaf-header {
		padding: 3em 10% 4em;
	}
	.htmleaf-header h1 {
        font-size:2em;
    }
}


@media screen and (max-width: 40em) {
	.htmleaf-header h1 {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 30em) {
    .htmleaf-header h1 {
        font-size:1.2em;
    }
}


/*游记*/
.business ul li a{
	border-bottom: 5px solid #eee;
	outline: none;
}
.business ul li:last-of-type a{
	border-bottom: none;
}
.bu_ap{
	overflow: hidden;
    width: 100%;
}
.bu_ap h3{
    display: inline-block;
    margin-right: 25px;
}
.bu_ap span{
    font-size: 11px;
    font-weight: bold;
}
.business .ac_con{
	width: 60%;
}
.business .bu_ac{
    overflow: hidden;
    width: 100%;
    font-size: 11px;
}
.bu_ac .bu_place+span{
	margin-right: 10px;
}
.ac_con .progress_box{
	padding: 0;
	width: 110%;
	margin: 5px 0;
}
.ac_con .progress_box .progress-txt{
	color: #00A3EE;
}
.progress_remain{
    position: relative;
    top: 12px;
    font-size: 11px;
}
.bu_contop{
    overflow: hidden;
    width: 100%;
}
.bu_contop span{
    color: #666;
    font-size: 12px;
    margin: 0 10px 10px;
    
}

/*游记详情*/
.bu_con_top{
	padding: 15px;
}
.bu_con_top p:first-of-type{
	font-size: 12px;
	color: #999;
}
.bu_con_top p:last-of-type{
	font-size: 11px;
	color: #999;
}
.bu_con_top p:last-of-type span:nth-last-of-type(2){
	margin: 0 13px;
}
.bu_con_top h4{
	font-size: 1em;
	font-weight: 600;
    margin: 22px 0 12px;
}
.bu_con_ctr{
	padding: 15px;
	border-top: 1px solid #eee;
	border-bottom: 5px solid #eee;
}
.businesslist h4 {
	font-size: 14px;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 15px;
}


#scroller , #scroller1 , #scroller2{
	overflow: hidden;
	float: left;
}

.ctr_box{
	overflow: hidden;
    position: relative;
}
.ctr_box ul{
	width: 680px;
	float: left;
}
.ctr_box ul li{
	width: 55px;
    height: 55px;
    background: #ccc;
    border-radius: 50%;
    margin-right: 7.5px;
    float: left;
}
.ctr_box ul li img{
	width: 100%;
}

.ctr_bar{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    line-height: 60px;
    background: #FFF;
    font-size: 18px;
    color: #00A3EE;
    outline: none;
    border: none;
    display: block;
}
.ctr_bar span>span{
	font-size: 18px;
	color: #CCCCCC;
}
.bu_con_hx{
	padding: 15px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.bu_js{
	padding: 15px;
	border-bottom: 1px solid #eee;
}
.bu_js p{
	font-size: 12px;
}
.bu_zm {
	padding: 15px;
	border-bottom: 1px solid #eee;
}
.bu_zm .ctr_box ul li{
	width: 50px;
	height: 50px;
	background: #fff;
	border: 1px solid #00A3EE;
	color: #00A3EE;
	line-height: 50px;
    text-align: center;
}
.bu_zc{
	padding: 15px;
	border-bottom: 5px solid #eee;
	position: relative;
}
.bu_zc h4{
	margin: 0;
}
.zc_box{
	width: 240px;
    height: 260px;
    overflow: hidden;
    margin: 0 auto;
	
}

.zc_box div:nth-of-type(2n+1){
	margin-right: 40px;
}
.zc_box p{
	width: 100%;
    text-align: center;
    overflow: hidden;
    padding-top: 15px;
}
.zc_box p span{
	color: #00A3EE;
}
.bu_pl{

}
.bu_pl h4{
	line-height: 45px;
	padding: 0 15px;
	margin: 0;
	border-bottom: 1px solid #eee;
}
.bu_pl h4 span{
	float: right;
    color: #00A3EE;
    font-weight: normal;
}

.bu_con li{
	overflow: hidden;
    padding: 15px;
    border-bottom: 1px solid #eee;
}
.bu_img{
	float: left;
    text-align: center;
    margin-right: 20px;
    width: 18%;
}
.bu_img img{
	width: 56px;
    display: block;
    margin-bottom: 10px;
}
.bu_img span{
	font-size: 13px;
}
.bu_txt{
    float: left;
    width: 75%;
    overflow: hidden;
    padding-top: 15px;
}

.ly_con{
    width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
    transition: all 0.5s;
    margin-bottom: 0;
}
.ly_con .ly_txt{
	width: 95%;
    height: 60px;
    padding: 5px 5px 30px;
    overflow: hidden;
    border: 1px solid #eee;
}
.ly_con .ly_txt textarea{
	width: 100%;
    height: 100%;
    border: none;
    resize: none;
}
.ly_con #btn{
	position: absolute;
    bottom: 10px;
    right: 10px;
    border: 1px solid #ccc;
    color: #fff;
    font-size: 12px;
    width: 55px;
    font-weight: 400;
    background: #ccc;
}

.quanbox>ul>li{
	border-bottom: 5px solid #eee;
}
.q_contop{
	padding: 15px;
}
.q_contop>img{
	display: block;
    float: left;
    width: 13%;
    overflow: hidden;
    margin: 0 10px 15px 0;
}
.q_txt{
	float: right;
    width: 82%;
}
.q_txt h4{
	font-size: 14px;
    color: #333;
    margin: 2px;
}
.q_txt p{
    color: #999;
}
.q_contop p span:first-of-type{
    margin-right: 15px;
}
.q_contop p span:last-of-type{
	float: right;
}
.q_conctr{
	width: 100%;
    overflow: hidden;
}
.q_imgs{
    width: 100%;
    overflow: hidden;
     margin: 10px 0 15px; 
}
.q_conbtm{
	overflow: hidden;
	height: 30px;
	position: relative;
}
.q_conbtm  .pinglun{
	width: 0.455rem;
	height: 0.455rem;
	background: url(../images/pl.png) no-repeat center /100% 100%;
	float: right;
	cursor: pointer;
	color: #999;
	margin-top: 8px;
}
.q_comments{
	background: #EEEEEE;
    padding: 5px;
    margin-top: 10px;
    position: relative;
}
.q_comments>i{
    width: 0;
    height: 0;
    border-width: 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent #EEEEEE;
    position: absolute;
    top: -5px;
    right: 5px;
}

.q_comments ul li{
	padding: 5px;
}
.q_comments .pal_name{
	color: #00A3EE;
}

.pl_box {
	overflow: hidden;
	transition: all .5s;
	float: left;
	width: 90%;
	position: absolute;
	left: -90%;
	top: 3px;
}
.pl_box input[type="text"]{
    width: 80%;
    padding-left: 5px;
    float: left;
    height: 25px;
    border: 1px solid #e5e5e5;
}
.pl_bar{
    border: 1px solid #ccc;
    color: #fff;
    font-size: 12px;
    width: 35px;
    font-weight: 400;
    background: #ccc;
    height: 22px;
    float: left;
    margin-left: 5px;
    border-radius: 2px;
    margin-top: 2px;
}
.my-gallery figure div{
	width: 32%;
	overflow: hidden;
	float: left;
	margin-top: 2%;
}
.my-gallery figure:nth-of-type(3n+2) div{
	margin-left: 2%;
    margin-right: 2%;
}
.my-gallery figure div a{
	width: 100%;
	height: 100%;
}
.my-gallery figure div a img{
	width: 100%;
}
figure{
 -webkit-margin-before: 0;
 -webkit-margin-after: 0;
 -webkit-margin-start: 0;
 -webkit-margin-end: 0;
}

/*游记发布*/
.news_message{
    padding: 10px 15px;
}
.news_message textarea{
	width: 100%;
    height: 65px;
    border: none;
    resize: none;
    font-size: 16px;
}

#fileList{
	padding: 10px;
}
#fileList>span{
    line-height: 75px;
    background: url(../images/lazy_bg.png)no-repeat center center;
	float: left;
	margin: 5px;
	display: inline-block;
	position: relative;
}
#file_box{
	display: inline-block;
	margin: 5px;
}
#file_box #fileElem{
    width: 80px;
    height: 80px;
    opacity: 0;
    position: absolute;
    z-index: 10;
}
#file_box .file_con{
    width: 78px;
    height: 78px;
    font-size: 50px;
    border: 1px solid #ccc;
    text-align: center;
    color: #CCC;
}

.m_button_row .m_btn{
	display: block;
    width: 85%;
    height: 40px;
    margin: 0 auto;
    border: 1px solid #F57527;
    background: #F57527;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    outline: none;
 }

.m_button_row .zc_btn{
	display: block;
    width: 8.16rem;
    height: 1.066rem;
    line-height: 1.066rem;
    margin: 0 auto;
    border: 1px solid #000000;
    background: #000000;
    border-radius: 100px;
    text-align: center;
    font-size: 0.373rem;
	color: #FE9801;
    cursor: pointer;
    outline: none;
 }
 #photo{
	position: relative;
    z-index: 5;
    top: -2.2rem;
}
.z_photo {
  width: 100%;
  padding: 0 0.267rem;
  overflow: auto;
  clear: both;
  box-sizing: border-box;
}
.z_photo img {
  width: 1.95rem;
  height: 1.95rem;
}
/*.z_photo > div:nth-of-type(4n+4) {
  margin-right: 0;
}*/
.z_addImg {
  float: left;
  margin-left: 0.28rem;
  margin-bottom: 0.2rem;
}
.z_file {
  width: 1.95rem;
  height: 1.95rem;
  background: url(../images/photo_fengmian@1x.png) no-repeat;
  background-size: 100% 100%;
  float: left;
  margin-left: 0.4rem;
  margin-bottom: 0.2rem;
}
.z_file input::-webkit-file-upload-button {
  width: 1rem;
  height: 1rem;
  border: none;
  position: absolute;
  outline: 0;
  opacity: 0;
}
.z_file input#file {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    vertical-align: middle;
    opacity: 0.001;
}
/*遮罩层*/
.z_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}
.z_alert {
  width: 3rem;
  height: 2rem;
  border-radius: .2rem;
  background: #fff;
  font-size: .24rem;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1.5rem;
  margin-top: -2rem;
}
.z_alert p:nth-child(1) {
  line-height: 1.5rem;
}
.z_alert p:nth-child(2) span {
  display: inline-block;
  width: 49%;
  height: .5rem;
  line-height: .5rem;
  float: left;
  border-top: 1px solid #ddd;
}
.z_cancel {
  border-right: 1px solid #ddd;
}
.quanbox{
	line-height: 1.873rem;
    margin-left: 2.5rem;
    font-size: 0.32rem;
    color: #9B9B9B;
}


/*发布评论*/
.imgs{
	overflow: hidden;
}
.imgs .z_addImg{
	margin-right: 0.2rem;
	margin-left: 0;
}
.imgs .z_addImg:nth-of-type(2n+4){
	margin-right: 0;
}
.imgs img{
	width: 2.133rem;
    height: 2.133rem;
}
